<template>
  <div class="header">
    <input
    placeholder="请输入任务名称"
    v-model="value"
    @keydown.enter="enter"
    />
  </div>
</template>

<script>
import {defineComponent, ref, computed} from "vue";
export default defineComponent({
  name: 'NavHeader',
  setup(props, ctx){
    let value = ref('')
    // 按回车确定
    let enter = () => {
      // 把输入框的内容传递给父组件
      ctx.emit('add', value.value)
      // 清空输入框
      value.value = ''
      // console.log(value.value)
    }
    return{
      value,
      enter,
    }
  }
})
</script>

<style scoped lang="scss">
input{
  margin-bottom: 10px;
}
</style>
